﻿*{ margin: 0;padding: 0;border: 0;}
body{font-size: 14px;font-family: 微软雅黑;font-style: normal; min-width: 1200px; background: #f2f2f2; }
img{vertical-align: bottom;}
a{text-decoration: none; color: #555252;}
.fl{float: left;}
.fr{float: right;}
ul,ol{list-style: none;}
h1,h2,h3,h4,h5,h6{ font-style: normal; font-weight: normal;}
i,em,strong{ font-style: normal; }
.clear:after{content: '.';font-size:0;height: 0;visibility: hidden;display: block;clear: both;}
#warper{ max-width: 1920px; margin: 0 auto;background: #f2f2f2;}

.thiscass li{background: #b51a20;color: white;}
.thiscass1{color: #b51a20!important;}

/*以下为头部*/
.head{max-width: 1920px; background: #f9f9f9;}
.head_con{ max-width: 1200px; margin: auto; padding: 5px; height: 20px;}
.head_con p{ color: #585757;}
.head_con p a{color: #555252;text-decoration: none;}
.logo{max-width: 1920px; background: #f2f2f2;}
.logo_con{max-width: 1200px; margin: auto; padding: 5px; height: 120px;}


/*以下为导航*/

.nav{ max-width: 1920px; background: #b51a20; height: 50px;}
.nav_con{ max-width: 1200px; margin: auto;}
.nav_con ul li{display: inline-block;font-size: 20px; line-height: 47px;text-align: center;  height: 50px; }
.nav_con ul li a{ color: white;   display: inline-block;height: 50px;padding: 0 30px;}
.nav_con ul li:hover a{ background: #353639;}
#indexs .indexs a,#abouts .abouts a,#products .products a,#projects .projects a,#news .news a,#environments .environments a,#markets .markets a,#contacts .contacts a,
.act{background: #353639;}
/*以下为底部*/
.footer{ background: #313131; max-width: 1920px; border-bottom: 4px solid #b51a20;}
.footer_con{max-width: 1200px; margin: 10px auto;    padding-top: 10px; }
.footer_con .box1{ margin-top: 20px;    margin-bottom: 10px;}
.box1 .bo1{ width: 350px; text-align: center;}
.box1 .bo2{width: 256px; margin: 0 auto;font-size: 16px;text-align: center;  line-height: 38px;   margin-left: 37px;}
.box1 .bo2 a{color: #aeaeae; }
.box1 .bo3{width: 390px;margin: 0 auto;}
.box1 .bo3 .p1{letter-spacing: 15px;}
.box1 .bo3 p{font-size: 15px; color: #919090;    line-height: 32px;}
.box2{ border-bottom: 1px solid #919090;  border-top: 1px solid #919090;    line-height: 45px;font-size: 18px;color: #ababab;}
.box2 a{color: #ababab; font-size: 14px;    margin: 25px;}
.box2 a:hover{ text-decoration: underline; }
.box3{line-height: 30px;}
.box3 p{width: 1000px; font-size: 14px; color: #ababab;    margin: 0 auto;  text-align: center;}
.box3 p span{ margin-left: 50px;}
/*以下为右侧浮动*/
/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}


